iT邦幫忙

2024 iThome 鐵人賽

DAY 28
0
Modern Web

GitHub Pages實作筆記系列 第 28

DAY28 原生CSS

  • 分享至 

  • xImage
  •  

昨天提到預處理可以支援更多,巢狀、函數等等功能,不過會發現在DAY14 文字右移效果的時候,我並沒有加入預處理器。

CSS 巢狀(上次更新時間:2023-03-08)
看上面文章,可以發現原生CSS已經支援巢狀寫法,其實除了巢狀寫法之外,現在的原生CSS也支援不少原先預處理器的功能,像是前面用過的變數功能就是其中之一。

現在的原生 CSS 已經整合了許多功能,滿足大部分的樣式需求,對預處理器的需求也隨之降低,在小型的專案中也更加方便了。

我一開始在寫CSS時,並沒有事先去了解預處理器是什麼,而是在我搜尋巢狀寫法時,才發現原來這些功能在之前是需要依賴預處理器的,而現在不用另外安裝就可以使用。

原生CSS進步的速度很快,網路上也可以看到一些關於預處理器是不是要被淘汰討論,不過在短時間內,預處理器應該還能佔有相當的重要性。

參考資料/延伸閱讀

  1. developer.chrome.com
  2. www.reallyar.com

上一篇
DAY27 CSS預處理器
下一篇
DAY29 畫面優化-其他CSS
系列文
GitHub Pages實作筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言